<template>
  <!-- 消息列表 -->
  <view class="flex align-center p-2 border-bottom border-light-secondary" hover-class="bg-light">
    <image :src="item.avatar" class="rounded-circle mr-2" style="height: 80rpx;width: 80rpx;" mode=""></image>
     	<view class="flex flex-column flex-1 ">
     		<view class="flex align-center justify-between">
     			<text class="font-md">{{item.username}}</text>
     			<text class="font-sm text-secondary">{{item.update_time}}</text>
          <uni-dateformat date="2020/10/20 20:20:20"></uni-dateformat>
     		</view>
     		<view class="flex align-center justify-between">
     			<text class="text-secondary text-ellipsis" style="max-width: 500rpx;">{{item.data}}</text>
     			<uni-badge :text="item.noread" type="error"></uni-badge>
     		</view>
     	</view>
  </view>
</template>

<script>
  import uniBadge from '../../uni_modules/uni-badge/components/uni-badge/uni-badge.vue';
  export default {
    name:"msg-list",
    components:{
     		uniBadge
     		
     	},
    props:{
        item:Object,
        index:Number
      },
    data() {
      return {
        
      };
    }
  }
</script>

<style>

</style>